<h1>
  <span role="text" id="pass1"
    >Digital accessibility, <br />
    for everyone.
  </span>
</h1>
<a href="#"
  ><span role="text" id="pass2">Buy <strong>t-shirts</strong> now</span></a
>
<div role="text" id="pass3">Some text<span> and some more text</span></div>

<div role="text" id="fail1">
  Still an <a href="#">interactive link</a> because of the author error.
</div>
<div role="text" id="fail2">
  <a href="#" role="none">Flattened text</a> because of the explicit role.
</div>
<div role="text" id="fail3">
  <a href="#" tabindex="-1" role="none">Flattened text</a> because of the
  explicit role.
</div>
<p role="text" id="fail4"><button>Hello</button></p>
<p role="text" id="fail5"><button tabindex="-1">Hello</button></p>
<p role="text" id="pass4"><span tabindex="-1">Hello</span></p>
<div role="text" id="pass5">
  <a tabindex="-1"
    >passes because no href makes this not have the implicit role of 'link'</a
  >
</div>
<div role="text" id="pass6">
  <a>passes because no href makes this not have the implicit role of 'link'</a>
</div>
